<template>
  <div class="legend-row">
    <div class="row"><span>预报降雨量:</span></div>
    <div class="row"><div class="circle" style="background: #a3f78b" /><span>小雨</span></div>
    <div class="row"><div class="circle" style="background: #47c046" /><span>中雨</span></div>
    <div class="row"><div class="circle" style="background: #5ab4fe" /><span>大雨</span></div>
    <div class="row"><div class="circle" style="background: #1607fe" /><span>暴雨</span></div>
    <div class="row"><div class="circle" style="background: #fe09ff" /><span>大暴雨</span></div>
    <div class="row"><div class="circle" style="background: #fe0000" /><span>特大暴雨</span></div>
  </div>
</template>

<script>
export default {
    name: 'RainMeasured'
}
</script>

<style scoped lang="less">
  @import "legend";
</style>
